<template>
	<view class="u-flex u-flex-column">
		<view class="">
			 <navigator :url="'/pages/mall/show?id='+good.id">
			<up-image :src="good.logo" width="100%"
			 height="105" radius="4"  :fade="false" >
				<template #error>
					 <up-image :src="ee.wxapp.photoface" width="95"
					 height="95" radius="4" ></up-image>						 
				</template> 
			</up-image>
			</navigator>
		</view>
		
		
		<view class="title-info u-padding-10 ">
			<view class="title u-flex u-flex-column u-flex-between">
				<view class="u-flex-grow u-margin-top-15">
				 <navigator :url="'/pages/mall/show?id='+good.id">
					<view class="u-line-2">
						<text class="font-size15 font-weight">{{ good.title }}</text>
					</view>	
				  </navigator>
				</view>
				<view class="price color-red   u-margin-top-15">
					
					<view v-if="(good.min_price )" key="price1">
						<text class="font-size11">¥</text>
						<text class="font-size16">{{ good.min_price }}</text>
						<text class="font-size10">起</text>
					</view>
					<view v-else-if="(good.price)"  key="price2">
						<text class="font-size11">¥</text>
						<text class="font-size16">{{ good.price }}</text>
						<text class="font-size10"></text>
					</view>
					<view v-else key="price3">
						<text class="font-size10">无票</text>
					</view>
					
				</view>			
									
			</view>
			 
		</view>
		
	</view>
</template>

<script setup>
	import {
		ref,
		reactive,
		onMounted,
		onActivated,
		watchEffect,
		watch,
		provide,
		nextTick,
		computed
	} from 'vue';
	
 
	const props = defineProps( {
		good :{
			type:  [Array, Object]
		}
	})
 
 
</script>

<style lang="scss">
  
	.price{
		min-width: 40px;
		text-align: left;
	}

		
	.buy-go-btn{
		border-radius: 50px;
		 padding-left: 15px;
		 padding-right: 15px;
		 height: 26px;
		 line-height: 26px;
		color: #fff;
		font-weight: bold;
		
	}
	 
</style>